<div class="navbar navbar-expand-lg navbar-default mt-3" role="navigation">
  <div class="container-fluid container-xl">
    <div class="navbar-header">
			<a class="navbar-brand" href="/">
				<span class="thuhidden">
					{% if site.logo %}
					<picture>
						{% if site.issue %}
						<img
						{% else %}
						<source
						{% endif %}
							srcset="/static/img/logo-small-dark.png 1x,
											/static/img/logo-small-dark@2x.png 2x,
											/static/img/logo-small-dark@3x.png 3x,
											/static/img/logo-small-dark@4x.png 4x"
						{% if site.issue %}
							alt=""/>
						{% else %}
							media="(prefers-color-scheme: dark)"/>
						{% endif %}
						{% unless site.issue %}
						<img src="/static/img/logo-small.png"
							srcset="/static/img/logo-small.png 1x,
											/static/img/logo-small@2x.png 2x,
											/static/img/logo-small@3x.png 3x,
											/static/img/logo-small@4x.png 4x"
							alt=""/>
						{% endunless %}
					</picture>
					{% endif %}
					{{ site.school }}</span>开源软件镜像站
			</a>
    </div>
		{% unless page.legacy %}
		<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
			{% fa_svg fas.fa-bars %}
		</button>
		{% endunless %}
    <div class="{% unless page.legacy %}navbar-collapse collapse {% endunless %} justify-content-end" id="navbarNavDropdown">
      <ul class="nav navbar-nav" role="menubar">
        {% unless site.hide_navbar %}
        <li role="none" class="nav-item"><a role="menuitem" class="nav-link" href="{{ site.homelink }}">HOME</a></li>
        <li role="none" class="nav-item"><a role="menuitem" class="nav-link" href="https://tuna.moe/events/">EVENTS</a></li>
        <li role="none" class="nav-item"><a role="menuitem" class="nav-link" href="https://tuna.moe/blog/">BLOG</a></li>
        <li role="none" class="nav-item"><a role="menuitem" class="nav-link" href="https://tuna.moe/feed.xml">RSS</a></li>
        <li role="none" class="nav-item"><a role="menuitem" class="nav-link" href="https://podcast.tuna.moe/">PODCAST</a></li>
        <li role="none" class="nav-item"><a role="menuitem" class="nav-link active" aria-checked="true" href="{{ site.url }}">MIRRORS</a></li>
        {% endunless %}
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</div>
